<template>
  <div class="app-container">
    <el-card style="margin-top: 10px" shadow="always" :body-style="{ padding: '20px' }">
      <div style="display: flex">
        <div style="width: 20%">
          <h1>公司列表</h1>
          <Table :tableHeader="tableHeader" :tableData="tableData" :TableHeight="80" />
        </div>
        <div style="width: 15%; margin-left: 10px">
          <h1 style="margin-bottom: 20px">公司资料</h1>
          <el-form-item label="公司代码" style="font-size: 9px; height: 30px">
            <el-input placeholder="请输入公司代码" style="width: 350px; height: 25px" />
          </el-form-item>
          <el-form-item label="公司简称" style="font-size: 9px; height: 30px">
            <el-input placeholder="请输入公司简称" style="width: 350px; height: 25px" />
          </el-form-item>
          <el-form-item label="中文名称" style="font-size: 9px; height: 30px">
            <el-input placeholder="请输入中文名称" style="width: 350px; height: 25px" />
          </el-form-item>
          <el-form-item label="英文名称" style="font-size: 9px; height: 30px">
            <el-input placeholder="请输入英文名称" style="width: 350px; height: 25px" />
          </el-form-item>
          <el-form-item label="中文地址" style="font-size: 9px; height: 30px">
            <el-input placeholder="请输入中文地址" style="width: 350px; height: 25px" />
          </el-form-item>
          <el-form-item label="英文地址" style="font-size: 9px; height: 30px">
            <el-input placeholder="请输入英文地址" style="width: 350px; height: 25px" />
          </el-form-item>
          <el-form-item label="电话" style="font-size: 9px; height: 30px; margin-left: 30px">
            <el-input placeholder="请输入电话" style="width: 350px; height: 25px" />
          </el-form-item>
          <el-form-item label="传真" style="font-size: 9px; height: 30px; margin-left: 30px">
            <el-input placeholder="请输入传真" style="width: 350px; height: 25px" />
          </el-form-item>
          <el-form-item label="网址" style="font-size: 9px; height: 30px; margin-left: 30px">
            <el-input placeholder="请输入网址" style="width: ; height: 25px" />
          </el-form-item>
          <el-form-item label="邮箱" style="font-size: 9px; height: 30px; margin-left: 30px">
            <el-input placeholder="请输入邮箱" style="width: 350px; height: 25px" />
          </el-form-item>
          <el-form-item label="邮政代码" style="font-size: 9px; height: 30px">
            <el-input placeholder="请输入邮政代码" style="width: 350px; height: 25px" />
          </el-form-item>
        </div>
      </div>
      <PageModule :PageData="{ pageSizeShow: true }" />
    </el-card>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import JMessage from '@/utils/JMessage'
export default defineComponent({
  name: 'CompanyProfile'
})
</script>
<script lang="ts" setup>
import { i18n, Jzhcn } from '@/i18n'
import { ref } from 'vue'

// 表格数据
const tableData = [
  {
    date: '20230427',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  }
]

const tableHeader = ref([
  {
    label: '公司代码',
    prop: 'slipNo'
  },
  {
    label: '公司简称',
    prop: 'slipDate'
  }
])
</script>

<style lang="less" scoped>
h1 {
  font-size: 16px;
}
</style>
